Eslint的基础使用

2023-09-30 22:44| 来源: 网络整理| 查看: 265

ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。ESLint 能够帮你轻松写出高质量的 JavaScript 代码

ESLint的使用简单，方便，接下来从搭建一个项目的初始说一下使用流程： 1创建一个文件（英文名称，不能含中文）

文件里新建一个src文件夹在这里插入图片描述

2.与src同级初始化一个包 npm init

此时文件目录多了一个package.json的文件

3.安装eslint（开发环境）安装eslint npm i eslint -D 查看eslint版本号 npx eslint -v 查看eslint的所有命令 npx eslint -h 4.初始化eslint，搭建一个基础的检测环境 npx eslint --init 初始化包时做基础配置项的选择

在这里插入图片描述

此时文件中多了一个 .eslintre.js

打开.eslintre.js文件会弹出提示选择在这里插入图片描述

如果编译器里没有eslint插件就安装此插件，在上面的提示中选择Allow 允许使用eslint检测工具。 5.src同级新建文件.eslintignore 把不需要被检测的文件忽略把忽略的文件名称写进来即可

在这里插入图片描述

6.在.eslintre.js文件中使用、配置eslint

此文件中的配置完全可以参照官网中的规则

在这里插入图片描述

命令行查看问题 npx eslint src/index.js

在这里插入图片描述

命令行自动修复问题 npx eslint src/index.js --fix 注意：编译代码时，有些功能不是eslint插件里默认配置的，而是编译器自带的功能

1.打开编译器中导航中的文件 --》首选项 --》设置 --》用户 --》文本编译器 --》正在格式化 --》选中在这里插入图片描述此时文件夹中会生成一个文件夹，如下：

在这里插入图片描述 2. 打开settings.json 可以关闭编译器自带的检测功能，用eslint配置你想要的规则意思是编译器粘贴东西的时候是否格式化，保存的时候是否自动格式化，类型变化的时候是否自动格式化，把true全部改成false,此时编译器自带的一些规则就不生效了，然后可以用eslint自行配置，这就需要打开编译器插件eslint

在这里插入图片描述 3. 把编译器自带的规则关掉，使用eslint的规则自行配置：

在这里插入图片描述

最后按需求在 .eslintre.js中根据官方文档配置即可！

【本文地址】

Eslint的基础使用

Eslint的基础使用

今日新闻

推荐新闻